﻿@{
    ViewBag.Title = "Loan / Credit Dashboard";
}

@section head {
     <link href="@Url.Content("~/Content/Loans/_ListCustomerLoan.css")" rel="stylesheet" type="text/css" />
     <link href="@Url.Content("~/Content/Loans/Dashboard.css")" rel="stylesheet" type="text/css" />

     <script src="@Url.Content("/Scripts/Loans/_ListCustomerLoan.js")" type="text/javascript"></script>
     <script src="@Url.Content("/Scripts/Loans/Dashboard.js")" type="text/javascript"></script>
}

<div class="f1_title">@ViewBag.Title</div>

<div class="f1_leftPanelW">

        <div id="CustomerDetails">
        	    <table style="width:100%; padding-right:15px;" >
                <tr>
                <td  style="width:20px;">Borrower:</td>
                <td class="CustomerDetailsRow"><input id="txtFirstname" name="txtFirstname" type="text" readonly="readonly" class="textboxMedium" value="Firstname"/></td>
                <td class="CustomerDetailsRow"><input id="txtMiddlename" name="txtMiddlename" type="text" readonly="readonly"  class="textboxMedium" value="Middlename"/></td>
                <td class="CustomerDetailsRow"><input id="txtLastname" name="txtLastname" type="text" readonly="readonly"  class="textboxMedium" value="Lastname"/></td>
                <td  style="width:34px; height:34px;"><div id="btnAddCustomer"></div></td>
                </tr>

                <tr>
                <td  width="10">Address:</td>
                <td  colspan="5" ><input id="txtAddress" name="txtAddress" type="text" readonly="readonly"  class="textboxMedium" value="Block No Street, Barangay, City/Municipality"/></td>
                </tr>
                </table>
        </div>

        <div id="AssessLoanHeader" class="LoanHeader">
            <span class="LoanHeaderTitle">Assess Loan</span>
        </div>
        <div id="AssessLoanBody">

        	    <table style="width:343px; margin:5px auto 5px auto;" >
                <tr>
                <td  class="AssessLoanRow">Loan Amount</td>
                <td  style="width:2px;">:</td>
                <td  width="200"><input id="txtLoanAmount" name="Username" type="text"  class="textboxMedium" value="0"/></td>
                </tr>

                <tr>
                <td  style="height:34px; width:30px;">Monthly Payment</td>
                <td>:</td>
                <td><input id="txtMonthlyPayment" name="Username" type="text" class="textboxMedium" value="0"/></td>
                </tr>

                <tr>
                <td  style="height:34px; width:30px;">Total Charges</td>
                <td>:</td>
                <td><input id="txtTotalCharges" name="Username" type="text" class="textboxMedium" value="2710" readonly="readonly" disabled="disabled"/></td>
                </tr>

                <tr>
                <td  style="height:34px; width:30px;">Payable to Borrower</td>
                <td>:</td>
                <td><input id="txtPayable" name="Username" type="text"  class="textboxMedium" value="0" readonly="readonly" disabled="disabled"/></td>
                </tr>

                <tr>
                <td ></td>
                <td ></td>
                <td><div class="button orange buttonSmall">Print Assessment</div></td>
                </tr>
                </table>

        </div>

        <div id="AmortHeader" class="LoanHeader" style="position:relative;">
            <span class="LoanHeaderTitle">Amortization Schedule</span>
            <div class="dropPanelIcon2"></div>
        </div>

       <div id="AmortBody">
                    <!--Below is for sample purposes only. Not the real code (cleaner).-->
                    <table id="AmortTable" border="0" cellpadding="0" cellspacing="0" style="background-color:White; color:Black; width:690px; margin-right:auto; margin-left:auto; margin-top:5px;">
                    <tr>
                    <td class="AmortTableHeader">Installment<br />(A)</td>
                    <td class="AmortTableHeader">Loan<br />(B)</td>
                    <td class="AmortTableHeader">Principal<br />(C)</td>
                    <td class="AmortTableHeader">Interest<br />(D)</td>
                    <td class="AmortTableHeader">Total<br />(E)</td>
                    <td class="AmortTableHeader">O/S<br />(F)</td>
                    </tr>
                    <tr>
                    <td class="AmortTableRow" align="center">1</td>
                    <td class="cellLoanAmount" align="left">0</td>
                    <td>   </td>
                    <td>   </td>
                    <td>   </td>
                    <td class="cellLoanAmount AmortTableRow" align="left">0</td>
                    </tr>
                    <tr>
                    <td class="AmortTableRow" align="center">2</td>
                    <td>   </td>
                    <td>   </td>
                    <td>   </td>
                    <td>   </td>
                    <td>   </td>
                    </tr>
                    <tr>
                    <td class="AmortTableRow" align="center">3</td>
                    <td>   </td>
                    <td>   </td>
                    <td>   </td>
                    <td>   </td>
                    <td>   </td>
                    </tr>
                    <tr>
                    <td class="AmortTableRow" align="center">4</td>
                    <td>   </td>
                    <td>   </td>
                    <td>   </td>
                    <td>   </td>
                    <td>   </td>
                    </tr>
                    <tr>
                    <td class="AmortTableRow" align="center">5</td>
                    <td>   </td>
                    <td>   </td>
                    <td>   </td>
                    <td>   </td>
                    <td>   </td>
                    </tr>
                    <tr>
                    <td class="AmortTableRow" align="center">6</td>
                    <td>   </td>
                    <td>   </td>
                    <td>   </td>
                    <td>   </td>
                    <td>   </td>
                    </tr>
                    <tr>
                    <td class="AmortTableRow" align="center">  </td>
                    <td>Total</td>
                    <td>   </td>
                    <td>   </td>
                    <td>   </td>
                    <td>   </td>
                    </tr>
                    </table>
        </div>



</div>



        <div class="f1_rightPanelW">


           <!--First Right Panel-->
           @widgetHelper.dropPanel_Start("Borrowers")   
            @Html.Partial("_ListCustomerLoan")
           @widgetHelper.dropPanel_End()


            <!--Second Right Panel-->
            @widgetHelper.dropPanel_Start("Reports")
                    <table border="1" style="background-color:White;">
                    <tr>
                    <td>row 1, cell 1</td>
                    <td>row 1, cell 2</td>
                    </tr>
                    <tr>
                    <td>row 2, cell 1</td>
                    <td>row 2, cell 2</td>
                    </tr>
                    <tr>
                    <td>row 2, cell 1</td>
                    <td>row 2, cell 2</td>
                    </tr>
                                <tr>
                    <td>row 2, cell 1</td>
                    <td>row 2, cell 2</td>
                    </tr>
                                <tr>
                    <td>row 2, cell 1</td>
                    <td>row 2, cell 2</td>
                    </tr>
                                <tr>
                    <td>row 2, cell 1</td>
                    <td>row 2, cell 2</td>
                    </tr>
                                <tr>
                    <td>row 2, cell 1</td>
                    <td>row 2, cell 2</td>
                    </tr>
                    </table>
            @widgetHelper.dropPanel_End()

 </div>

